<template>
<!--  自定义的加载加载动画-->
  <div class="loading">
    <img src="./loading.gif" class="is_loading" width="24" height="24">
    <p class="desc">{{title}}</p>
  </div>
</template>
<script>
export default{
  props:{
    title:{
      type:String,
      default:'加载...'
    }
  }
}
</script>
<style lang="stylus"  rel="stylesheet/stylus">
  import '@/common/stylus/variable.styl'
  .loading{
    width 100%
    text-align center
    display flex
    flex-direction column
    justify-content center
    align-items center
    .desc{
      line-height 20px
      font-size $font-size-small
      color $color-text-l
    }
      
  }
    
    

</style>
